<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>首页 - 驴妈妈流立方</title>
		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<link rel="stylesheet" href="${rc.contextPath}/assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${rc.contextPath}/assets/font-awesome/4.2.0/css/font-awesome.min.css" />
		<!-- page specific plugin styles -->
		<link rel="stylesheet" href="${rc.contextPath}/assets/css/jquery-ui.custom.min.css" />
		<link rel="stylesheet" href="${rc.contextPath}/assets/css/jquery.gritter.min.css" />
		<!-- text fonts -->
		<link rel="stylesheet" href="${rc.contextPath}/assets/fonts/fonts.googleapis.com.css" />
		<!-- ace styles -->
		<link rel="stylesheet" href="${rc.contextPath}/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
        <link rel="stylesheet" href="${rc.contextPath}/stylesheets/loading.css" />
        <link rel="stylesheet" href="${rc.contextPath}/stylesheets/hovertable.css" />
        <link rel="stylesheet"  href="${rc.contextPath}/stylesheets/daterangepicker.css">
		<!-- ace settings handler -->
		<script src="${rc.contextPath}/assets/js/ace-extra.min.js"></script>
	</head>
    <style>
        #nps-question-details th{text-align:center;}
    </style>
	<body class="no-skin" style="background-color: #FFF;">
		<div class="page-content">
            <div class="tab-content">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="widget-box">
                            <div class="widget-header widget-header-small">
                                <h5 class="widget-title lighter">筛选条件</h5>
                            </div>
                            <div class="widget-body" style="background-color: #EFF3F8;">
                                <div class="widget-main">
                                    <form class="form-inline" id="searchForm" method="post" action="${rc.contextPath}/repurchase/distribution">
                                        <div class="row widget-main">
                                            <div class="form-group">
                                                <label for="exampleInputName2">选择时段</label>
                                                 <input type="text" style="height: 30px; font-size: 14px; font-weight: normal; font-family: inherit;" name="chooseTime" value="${chooseTime!''}" id="chooseTime" class="form-control time">
                                                <button id="app_search" type="button"  onclick="replaceDate(this,'7');" class="btn btn-white btn-sm">
                                                    <span class="ace-icon icon-on-right bigger-110"></span>
                                                    过去7天
                                                </button>
                                                <button id="app_search" type="button"  onclick="replaceDate(this,'31');" class="btn btn-white btn-sm">
                                                    <span class="ace-icon icon-on-right bigger-110"></span>
                                                    过去31天
                                                </button>
                                            </div>


                                            <div class="form-group">
                                                <button id="app_search" type="submit"  class="btn btn-pink btn-sm">
                                                    <span class="ace-icon fa fa-search icon-on-right bigger-110"></span>
                                                    Search
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <div class="widget-box">
                            <div class="row">
                                <div class="col-xs-12">
                                    <div id="repurchase-analysis-details" style="width: 100%; margin: 0 auto;">
                                        <h1>复购人数分布</h1>
                                        <!--分页开始-->
                                        <table class="hovertable table table-bordered" >
                                            <tr class="mouse-hover">
                                                <th>${lastMonthUser.categoryType}</th>
                                                <td>${lastMonthUser.domesticTicket}</td>
                                                <td>${lastMonthUser.overseasTicket}</td>
                                                <td>${lastMonthUser.hotel}</td>
                                                <td>${lastMonthUser.hotelTicket}</td>
                                                <td>${lastMonthUser.longGroup}</td>
                                                <td>${lastMonthUser.aroundGroup}</td>
                                                <td>${lastMonthUser.freeWalker}</td>
                                                <td>${lastMonthUser.overseasGroup}</td>
                                                <td>${lastMonthUser.overseasFreeWalker}</td>
                                                <td>${lastMonthUser.overseasCruiseShip}</td>
                                                <td>${lastMonthUser.overseasOther}</td>
                                                <td>${lastMonthUser.trainTicket}</td>
                                                <td>${lastMonthUser.airTicket}</td>
                                                <td>${lastMonthUser.downRepurchaseUser}</td>
                                            </tr>
                                            <tr>
                                                <th rowspan="2">本月复购品类</th>
                                                <th colspan="${categories?size}">上月购买品类</th>
                                                <th rowspan="2">下游复购用户</th>
                                            </tr>
                                            <tr>
                                                <#list categories as category>
                                                    <th>${category.showName}</th>
                                                </#list>
                                            </tr>
                                            <#list repurchaseCategories as repurchaseCategory>
                                                <tr class="mouse-hover">
                                                    <th>${repurchaseCategory.categoryType}</th>
                                                    <td>${repurchaseCategory.domesticTicket}</td>
                                                    <td>${repurchaseCategory.overseasTicket}</td>
                                                    <td>${repurchaseCategory.hotel}</td>
                                                    <td>${repurchaseCategory.hotelTicket}</td>
                                                    <td>${repurchaseCategory.longGroup}</td>
                                                    <td>${repurchaseCategory.aroundGroup}</td>
                                                    <td>${repurchaseCategory.freeWalker}</td>
                                                    <td>${repurchaseCategory.overseasGroup}</td>
                                                    <td>${repurchaseCategory.overseasFreeWalker}</td>
                                                    <td>${repurchaseCategory.overseasCruiseShip}</td>
                                                    <td>${repurchaseCategory.overseasOther}</td>
                                                    <td>${repurchaseCategory.trainTicket}</td>
                                                    <td>${repurchaseCategory.airTicket}</td>
                                                    <td>${repurchaseCategory.downRepurchaseUser}</td>
                                                </tr>
                                            </#list>
                                        </table>
                                        <!--分页结束-->
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-xs-12">
                                    <div id="repurchase-analysis-details" style="width: 100%; margin: 0 auto;">
                                        <h1>复购率矩阵</h1>
                                        <!--分页开始-->
                                        <table class="hovertable table table-bordered" >
                                            <tr>
                                                <th rowspan="2">本月复购品类</th>
                                                <th colspan="${categories?size}">上月购买品类</th>
                                                <th rowspan="2">下游复购用户</th>
                                            </tr>
                                            <tr>
                                                <#list categories as category>
                                                    <th>${category.showName}</th>
                                                </#list>
                                            </tr>
                                            <#list repurchaseCategoriesRate as repurchaseCategory>
                                                <tr class="mouse-hover">
                                                    <th>${repurchaseCategory.categoryType}</th>
                                                    <td>${repurchaseCategory.domesticTicket}</td>
                                                    <td>${repurchaseCategory.overseasTicket}</td>
                                                    <td>${repurchaseCategory.hotel}</td>
                                                    <td>${repurchaseCategory.hotelTicket}</td>
                                                    <td>${repurchaseCategory.longGroup}</td>
                                                    <td>${repurchaseCategory.aroundGroup}</td>
                                                    <td>${repurchaseCategory.freeWalker}</td>
                                                    <td>${repurchaseCategory.overseasGroup}</td>
                                                    <td>${repurchaseCategory.overseasFreeWalker}</td>
                                                    <td>${repurchaseCategory.overseasCruiseShip}</td>
                                                    <td>${repurchaseCategory.overseasOther}</td>
                                                    <td>${repurchaseCategory.trainTicket}</td>
                                                    <td>${repurchaseCategory.airTicket}</td>
                                                    <td>${repurchaseCategory.downRepurchaseUser}</td>
                                                </tr>
                                            </#list>
                                        </table>
                                        <!--分页结束-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="${rc.contextPath}/assets/js/jquery.2.1.1.min.js"></script>
		<script src="${rc.contextPath}/assets/js/bootstrap.min.js"></script>
		<script src="${rc.contextPath}/assets/js/jquery-ui.custom.min.js"></script>
		<script src="${rc.contextPath}/assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="${rc.contextPath}/assets/js/bootbox.min.js"></script>
		<script src="${rc.contextPath}/assets/js/jquery.gritter.min.js"></script>
		<script src="${rc.contextPath}/assets/js/spin.min.js"></script>
		<!-- ace scripts -->
		<script src="${rc.contextPath}/assets/js/ace-elements.min.js"></script>
		<script src="${rc.contextPath}/assets/js/ace.min.js"></script>
        <script type="text/javascript" src="${rc.contextPath}/javascripts/moment.js"></script>
		<script type="text/javascript" src="${rc.contextPath}/javascripts/daterangepicker.js"></script>
		<script type="text/javascript" src="${rc.contextPath}/assets/js/comment/dateSelector.js"></script>
		<!-- user scripts -->
		<script src="${rc.contextPath}/assets/js/user/base.js"></script>
	</body>
</html>